<div class="area-content-analysis">
  <!--  <div class="area-content-title">-->
  <!--    <img class="icon" src="../../../assets/image/home/overview/diamond.png" alt="">-->
  <!--    <span class="title-text">不同区域{{titleName}}内容对比分析</span>-->
  <!--  </div>-->
  <!--  <div class="export-area">-->
  <!--    <a id="btn-export" target="_blank" href="/gateway/web/jz/allExcel">导出</a>-->
  <!--  </div>-->
  <div class="divider"></div>
  <app-select-condition (selectResult)="queryTable($event)" [isShow]="false"></app-select-condition>
  <div class="area-content" *ngIf="!isSpinning">

    <div><a class="btn_export" href="{{exportUrl}}" target="_blank">导出</a></div>

    <div class="table">
      <nz-table [nzScroll]="{ x: '1200px',y:'600px'}"
                [nzLoading]="isLoading"
                (nzQueryParams)="queryParamsChange($event)">
        <thead>
        <tr>
          <th nzLeft nzWidth="150px" nzColumnKey="专题分析框架">专题分析框架
          </th>
          <th nzWidth="200px" *ngIf="isHaveCountry || isHaveCountryOr">全国</th>
          <th nzWidth="200px" *ngIf="isHaveShanghai||isHaveShanghaiOr">上海市</th>
              <!-- 非上海, 要按顺序展示 -->
          <th
            [nzWidth]="isHaveShanghai?'200px':counts(objectKeys(matrixData.notShangHaiJz_hash?matrixData.notShangHaiJz_hash:{}))"
            *ngFor="let city of notShangHaiJz_sortArr">{{city}}</th>
          <!--          <th nzWidth="150px" nzRight>以上城市政策重点</th>-->
          <th nzWidth="300px" nzRight style="white-space: nowrap;overflow-x: auto;">政策重点</th>
        </tr>
        </thead>
        <tbody>
        <!--    <ng-container *ngFor="let word of matrixData.wordFreams">-->
        <!--<ng-container>-->
        <ng-container *ngFor="let level3word of matrixData.wordFreams_hash">

          <tr>
            <td [attr.colspan]="tdCount">
              <span class="expand-list-3lev" (click)="expandList3Level(level3word.id)">
                {{level3word.name}}
                <i nz-icon nzType="down" nzTheme="outline"
                   *ngIf="level3word.expand"></i>
                <i nz-icon nzType="up" nzTheme="outline"
                   *ngIf="!level3word.expand"></i>
              </span>
            </td>
          </tr>

          <ng-container *ngIf="level3word.expand">
            <tr *ngFor="let word of level3word.children">
              <td nzLeft>{{ word.name }}</td>

              <!-- 全国 -->
              <td *ngIf="isHaveCountry || isHaveCountryOr">
                <div [ngClass]="tdHeightHash[word.name+'_quanguo']?'':'only5line'" >
                    <!--<div class="statements ellipsis" *ngFor="let country of matrixData.countryJz_hash[word.id]"
                         [innerHTML]='country.statementsHeightLight' [title]="country.statements"
                         routerLink="/new-policy-detail" [queryParams]="{id: country.policyId,type:'相关政策'}">
                    </div>-->
                    <a class="statements ellipsis" *ngFor="let country of matrixData.countryJz_hash[word.id]"
                         [innerHTML]='country.statementsHeightLight' [title]="country.statements"
                         href="/new-policy-detail?type=相关政策&id={{country.policyId}}#{{country.statementsEncode}}" target="_blank">
                    </a>

                    <!-- 放大镜, 及放大后的内容(不要显示省略号)-->
                    <div class="largen-block" (click)="largenCountry(word.id+'_quanguo')"></div>
                    <div class="largen-wrap" [class.active]="word.id+'_quanguo'==largeCountryId">
                      <div class="largen-content">
                            <a class="statements" *ngFor="let country of matrixData.countryJz_hash[word.id]"
                                [innerHTML]='country.statementsHeightLight' [title]="country.statements"
                                href="/new-policy-detail?type=相关政策&id={{country.policyId}}#{{country.statementsEncode}}" target="_blank">
                            </a>
                      </div>
                    </div>
                </div>
                <!--<a *ngIf="matrixData.countryJz_hash[word.id]?.length > 5"  (click)="expandList5( word.name+'_quanguo' )">{{ tdHeightHash[word.name+'_quanguo']?'<<收起':'展开>>' }}</a>-->
              </td>
              <!-- 上海 -->
              <td *ngIf="isHaveShanghai||isHaveShanghaiOr">
                <div [ngClass]="tdHeightHash[word.name+'_shanghai']?'':'only5line'" >
                    <a class="statements ellipsis" *ngFor="let shanghai of matrixData.shangHaiJz_hash[word.id]"
                         [innerHTML]='shanghai.statementsHeightLight' [title]="shanghai.statements"
                         href="/new-policy-detail?type=相关政策&id={{shanghai.policyId}}#{{shanghai.statementsEncode}}" target="_blank">
                    </a>

                    <!-- 放大镜, 及放大后的内容(不要显示省略号)-->
                    <div class="largen-block" (click)="largenCountry(word.id+'_shanghai')"></div>
                    <div class="largen-wrap" [class.active]="word.id+'_shanghai'==largeCountryId">
                      <div class="largen-content">
                            <a class="statements" *ngFor="let shanghai of matrixData.shangHaiJz_hash[word.id]"
                                 [innerHTML]='shanghai.statementsHeightLight' [title]="shanghai.statements"
                                 href="/new-policy-detail?type=相关政策&id={{shanghai.policyId}}#{{shanghai.statementsEncode}}" target="_blank">
                            </a>
                      </div>
                    </div>

                </div>
                <!--<a *ngIf="matrixData.shangHaiJz_hash[word.id]?.length > 5 "  (click)="expandList5( word.name+'_shanghai' )">{{ tdHeightHash[word.name+'_shanghai']?'<<收起':'展开>>' }}</a>-->
              </td>

              <!-- 非上海, 要按顺序展示 -->
              <!--<td *ngFor="let city2 of objectKeys(matrixData.notShangHaiJz_hash)">-->
              <td *ngFor="let city2 of notShangHaiJz_sortArr">
                <div [ngClass]="tdHeightHash[word.name+'_'+city2]?'':'only5line'" >
                    <a class="statements ellipsis" *ngFor="let article of matrixData.notShangHaiJz_hash[city2][word.id]"
                         [innerHTML]='article.statementsHeightLight' [title]="article.statements"
                         href="/new-policy-detail?type=相关政策&id={{article.policyId}}#{{article.statementsEncode}}" target="_blank">
                    </a>

                    <!-- 放大镜, 及放大后的内容(不要显示省略号)-->
                    <div class="largen-block" (click)="largenCountry(word.id+'_'+city2)"></div>
                    <div class="largen-wrap" [class.active]="word.id+'_'+city2==largeCountryId">
                      <div class="largen-content">
                            <a class="statements" *ngFor="let article of matrixData.notShangHaiJz_hash[city2][word.id]"
                                 [innerHTML]='article.statementsHeightLight' [title]="article.statements"
                                 href="/new-policy-detail?type=相关政策&id={{article.policyId}}#{{article.statementsEncode}}" target="_blank">
                            </a>
                      </div>
                    </div>

                </div>
                <!--<a *ngIf="matrixData.notShangHaiJz_hash[city2][word.id]?.length > 5" (click)="expandList5( word.name+'_'+city2 )">{{ tdHeightHash[word.name+'_'+city2]?'<<收起':'展开>>' }}</a>-->
              </td>
              <td nzRight style="white-space: nowrap;overflow-x: auto;">
                <div class="tag">
                  <div class="tag-line">
                    <span>全国</span>
                    <nz-tag nzColor="#ffffff"
                            *ngFor="let countryKeyword of matrixData.countryFreamKeywords_hash[word.id]?.keyword"
                            (click)="heightLight(2, word.id, countryKeyword)">{{countryKeyword}}</nz-tag>
                  </div>
                  <div class="tag-line">
                    <span>上海</span>
                    <nz-tag nzColor="#ffffff"
                            *ngFor="let shangHaiKeyword of matrixData.shanghaiWordFreamKeywords_hash[word.id]?.keyword"
                            (click)="heightLight(1, word.id, shangHaiKeyword)">{{shangHaiKeyword}}</nz-tag>
                  </div>
                  <div class="tag-line">
                    <span>其他城市</span>
                    <nz-tag nzColor="#ffffff"
                            *ngFor="let keyword of matrixData.notShanghaiWordFreamKeywords_hash[word.id]?.keyword"
                            (click)="heightLight(0, word.id, keyword)">{{keyword}}</nz-tag>
                  </div>

                </div>
              </td>

            </tr>
          </ng-container>
        </ng-container>

        </tbody>
      </nz-table>

    </div>
  </div>
</div>
